﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<link  rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/sinaFaceAndEffec.css" />

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<title>pl</title>
</head>
<body>
	<!--头部-->
	<div id="tbu">
		<div class="djtp">
			
		</div>
		<div class="xxi">
			
			<input type="text" class="mc" placeholder="商家名称"/><br /> 
			<span class="wkao">商家店主姓名:</span><input type="text" class="qq" placeholder="商家店主姓名"/>
			<span class="fack">编号:</span><input type="text" class="qw" placeholder="编号"/>
			<span class="zt">状态:</span><input type="text" class="qe" placeholder="状态"/><br />
			<span class="dz">地址:</span><input type="text" class="dz" placeholder="地址"/><br />
			<span class="jies">商家介绍:</span><textarea name="uuu" class="bz" placeholder="备注"></textarea>
		</div>
	</div>
	
	
<div id="content" style="width: 700px; height: auto;margin-left:320px;margin-top:40px">
	<div class="wrap" style="position: relative; top: 440px;">
		<div class="comment">
			<div class="head-face">
				<img src="images/user-photo.png"/ >
				<p>adme</p>
			</div>
			<div class="content">
				<div class="cont-box">
					<textarea class="text" placeholder="请输入..."></textarea>
				</div>
				<div class="tools-box">
					<div class="operator-box-btn"><span class="face-icon"  >☺</span><span class="img-icon">▧</span></div>
					<div class="submit-btn"><input type="button" onClick="out()"value="提交评论" /></div>
				</div>
			</div>
		</div>
		<div id="info-show" style="position: relative;bottom:500px;">
			<ul></ul>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/sinaFaceAndEffec.js"></script>
<script type="text/javascript">
	// 绑定表情
	$('.face-icon').SinaEmotion($('.text'));
	// 测试本地解析
	function out() {
		var inputText = $('.text').val();
		$('#info-show ul').append(reply(AnalyticEmotion(inputText)));
	}
	var date = new Date();
	console.info(date);
	let year = date.getFullYear();
	let a = date.getMonth()+1;
	let b = date.getDate();
	var html;
	function reply(content){
		
		html  = '<li>';
		html += '<div class="head-face">';
		html += '<img src="images/user-photo.png" / >';
		html += '<p>adme</p>';
		html += '</div>';
		html += '<div class="reply-cont">';
		html += '<p class="username"></p>';
		html += '<p class="comment-body">'+content+'</p>';
		html += '<p class="comment-footer">'+year+a+b+'</p>';
		html += '</div>';
		html += '</li>';
		return html;
	}
</script>
<div style="text-align:center;">

</div>

<!--day.getYear()+'年+'day.getMonth()'+月+'day.getDay()-->
</body>
</html>

